:root {
    --q-size-xs: 0;
    --q-size-sm: 600px;
    --q-size-md: 1024px;
    --q-size-lg: 1440px;
    --q-size-xl: 1920px;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.ani {
    transition: 0.3s all;
}

.fadeOut {
    animation-name: fadeOut;
}

.no-shadow,
.shadow-0 {
    box-shadow: none !important;
}

.inset-shadow {
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.7) !important;
}

.inset-shadow-down {
    box-shadow: inset 0 -7px 9px -7px rgba(0, 0, 0, 0.7) !important;
}

.z-marginals {
    z-index: 2000;
}

.z-notify {
    z-index: 9500;
}

.z-fullscreen {
    z-index: 6000;
}

.z-inherit {
    z-index: inherit !important;
}

.column,
.flex,
.row {
    display: flex;
    flex-wrap: wrap;
}

.column.inline,
.flex.inline,
.row.inline {
    display: inline-flex;
}

.row.reverse {
    flex-direction: row-reverse;
}

.column {
    flex-direction: column;
}

.column.reverse {
    flex-direction: column-reverse;
}

.wrap {
    flex-wrap: wrap;
}

.no-wrap {
    flex-wrap: nowrap;
}

.reverse-wrap {
    flex-wrap: wrap-reverse;
}

.order-first {
    order: -10000;
}

.order-last {
    order: 10000;
}

.order-none {
    order: 0;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.flex-center,
.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.flex-center,
.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-stretch {
    align-content: stretch;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.q-gutter-none,
.q-gutter-none > *,
.q-gutter-x-none,
.q-gutter-x-none > * {
    margin-left: 0;
}

.q-gutter-none,
.q-gutter-none > *,
.q-gutter-y-none,
.q-gutter-y-none > * {
    margin-top: 0;
}

.q-col-gutter-none,
.q-col-gutter-x-none {
    margin-left: 0;
}

.q-col-gutter-none > *,
.q-col-gutter-x-none > * {
    padding-left: 0;
}

.q-col-gutter-none,
.q-col-gutter-y-none {
    margin-top: 0;
}

.q-col-gutter-none > *,
.q-col-gutter-y-none > * {
    padding-top: 0;
}

.q-gutter-x-xs,
.q-gutter-xs {
    margin-left: -4px;
}

.q-gutter-x-xs > *,
.q-gutter-xs > * {
    margin-left: 4px;
}

.q-gutter-xs,
.q-gutter-y-xs {
    margin-top: -4px;
}

.q-gutter-xs > *,
.q-gutter-y-xs > * {
    margin-top: 4px;
}

.q-col-gutter-x-xs,
.q-col-gutter-xs {
    margin-left: -4px;
}

.q-col-gutter-x-xs > *,
.q-col-gutter-xs > * {
    padding-left: 4px;
}

.q-col-gutter-xs,
.q-col-gutter-y-xs {
    margin-top: -4px;
}

.q-col-gutter-xs > *,
.q-col-gutter-y-xs > * {
    padding-top: 4px;
}

.q-gutter-sm,
.q-gutter-x-sm {
    margin-left: -8px;
}

.q-gutter-sm > *,
.q-gutter-x-sm > * {
    margin-left: 8px;
}

.q-gutter-sm,
.q-gutter-y-sm {
    margin-top: -8px;
}

.q-gutter-sm > *,
.q-gutter-y-sm > * {
    margin-top: 8px;
}

.q-col-gutter-sm,
.q-col-gutter-x-sm {
    margin-left: -8px;
}

.q-col-gutter-sm > *,
.q-col-gutter-x-sm > * {
    padding-left: 8px;
}

.q-col-gutter-sm,
.q-col-gutter-y-sm {
    margin-top: -8px;
}

.q-col-gutter-sm > *,
.q-col-gutter-y-sm > * {
    padding-top: 8px;
}

.q-gutter-md,
.q-gutter-x-md {
    margin-left: -16px;
}

.q-gutter-md > *,
.q-gutter-x-md > * {
    margin-left: 16px;
}

.q-gutter-md,
.q-gutter-y-md {
    margin-top: -16px;
}

.q-gutter-md > *,
.q-gutter-y-md > * {
    margin-top: 16px;
}

.q-col-gutter-md,
.q-col-gutter-x-md {
    margin-left: -16px;
}

.q-col-gutter-md > *,
.q-col-gutter-x-md > * {
    padding-left: 16px;
}

.q-col-gutter-md,
.q-col-gutter-y-md {
    margin-top: -16px;
}

.q-col-gutter-md > *,
.q-col-gutter-y-md > * {
    padding-top: 16px;
}

.q-gutter-lg,
.q-gutter-x-lg {
    margin-left: -24px;
}

.q-gutter-lg > *,
.q-gutter-x-lg > * {
    margin-left: 24px;
}

.q-gutter-lg,
.q-gutter-y-lg {
    margin-top: -24px;
}

.q-gutter-lg > *,
.q-gutter-y-lg > * {
    margin-top: 24px;
}

.q-col-gutter-lg,
.q-col-gutter-x-lg {
    margin-left: -24px;
}

.q-col-gutter-lg > *,
.q-col-gutter-x-lg > * {
    padding-left: 24px;
}

.q-col-gutter-lg,
.q-col-gutter-y-lg {
    margin-top: -24px;
}

.q-col-gutter-lg > *,
.q-col-gutter-y-lg > * {
    padding-top: 24px;
}

.q-gutter-x-xl,
.q-gutter-xl {
    margin-left: -48px;
}

.q-gutter-x-xl > *,
.q-gutter-xl > * {
    margin-left: 48px;
}

.q-gutter-xl,
.q-gutter-y-xl {
    margin-top: -48px;
}

.q-gutter-xl > *,
.q-gutter-y-xl > * {
    margin-top: 48px;
}

.q-col-gutter-x-xl,
.q-col-gutter-xl {
    margin-left: -48px;
}

.q-col-gutter-x-xl > *,
.q-col-gutter-xl > * {
    padding-left: 48px;
}

.q-col-gutter-xl,
.q-col-gutter-y-xl {
    margin-top: -48px;
}

.q-col-gutter-xl > *,
.q-col-gutter-y-xl > * {
    padding-top: 48px;
}

@media (min-width: 0) {
    .flex > .col,
    .flex > .col-0,
    .flex > .col-1,
    .flex > .col-2,
    .flex > .col-3,
    .flex > .col-4,
    .flex > .col-5,
    .flex > .col-6,
    .flex > .col-7,
    .flex > .col-8,
    .flex > .col-9,
    .flex > .col-10,
    .flex > .col-11,
    .flex > .col-12,
    .flex > .col-auto,
    .flex > .col-grow,
    .flex > .col-shrink,
    .flex > .col-xs,
    .flex > .col-xs-0,
    .flex > .col-xs-1,
    .flex > .col-xs-2,
    .flex > .col-xs-3,
    .flex > .col-xs-4,
    .flex > .col-xs-5,
    .flex > .col-xs-6,
    .flex > .col-xs-7,
    .flex > .col-xs-8,
    .flex > .col-xs-9,
    .flex > .col-xs-10,
    .flex > .col-xs-11,
    .flex > .col-xs-12,
    .flex > .col-xs-auto,
    .flex > .col-xs-grow,
    .flex > .col-xs-shrink,
    .row > .col,
    .row > .col-0,
    .row > .col-1,
    .row > .col-2,
    .row > .col-3,
    .row > .col-4,
    .row > .col-5,
    .row > .col-6,
    .row > .col-7,
    .row > .col-8,
    .row > .col-9,
    .row > .col-10,
    .row > .col-11,
    .row > .col-12,
    .row > .col-auto,
    .row > .col-grow,
    .row > .col-shrink,
    .row > .col-xs,
    .row > .col-xs-0,
    .row > .col-xs-1,
    .row > .col-xs-2,
    .row > .col-xs-3,
    .row > .col-xs-4,
    .row > .col-xs-5,
    .row > .col-xs-6,
    .row > .col-xs-7,
    .row > .col-xs-8,
    .row > .col-xs-9,
    .row > .col-xs-10,
    .row > .col-xs-11,
    .row > .col-xs-12,
    .row > .col-xs-auto,
    .row > .col-xs-grow,
    .row > .col-xs-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .column > .col,
    .column > .col-0,
    .column > .col-1,
    .column > .col-2,
    .column > .col-3,
    .column > .col-4,
    .column > .col-5,
    .column > .col-6,
    .column > .col-7,
    .column > .col-8,
    .column > .col-9,
    .column > .col-10,
    .column > .col-11,
    .column > .col-12,
    .column > .col-auto,
    .column > .col-grow,
    .column > .col-shrink,
    .column > .col-xs,
    .column > .col-xs-0,
    .column > .col-xs-1,
    .column > .col-xs-2,
    .column > .col-xs-3,
    .column > .col-xs-4,
    .column > .col-xs-5,
    .column > .col-xs-6,
    .column > .col-xs-7,
    .column > .col-xs-8,
    .column > .col-xs-9,
    .column > .col-xs-10,
    .column > .col-xs-11,
    .column > .col-xs-12,
    .column > .col-xs-auto,
    .column > .col-xs-grow,
    .column > .col-xs-shrink,
    .flex > .col,
    .flex > .col-0,
    .flex > .col-1,
    .flex > .col-2,
    .flex > .col-3,
    .flex > .col-4,
    .flex > .col-5,
    .flex > .col-6,
    .flex > .col-7,
    .flex > .col-8,
    .flex > .col-9,
    .flex > .col-10,
    .flex > .col-11,
    .flex > .col-12,
    .flex > .col-auto,
    .flex > .col-grow,
    .flex > .col-shrink,
    .flex > .col-xs,
    .flex > .col-xs-0,
    .flex > .col-xs-1,
    .flex > .col-xs-2,
    .flex > .col-xs-3,
    .flex > .col-xs-4,
    .flex > .col-xs-5,
    .flex > .col-xs-6,
    .flex > .col-xs-7,
    .flex > .col-xs-8,
    .flex > .col-xs-9,
    .flex > .col-xs-10,
    .flex > .col-xs-11,
    .flex > .col-xs-12,
    .flex > .col-xs-auto,
    .flex > .col-xs-grow,
    .flex > .col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%;
    }

    .col,
    .col-xs {
        flex: 10000 1 0%;
    }

    .col-0,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-xs-0,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-auto {
        flex: 0 0 auto;
    }

    .col-grow,
    .col-xs-grow {
        flex: 1 0 auto;
    }

    .col-shrink,
    .col-xs-shrink {
        flex: 0 1 auto;
    }

    .row > .col-0,
    .row > .col-xs-0 {
        height: auto;
        width: 0%;
    }

    .row > .offset-0,
    .row > .offset-xs-0 {
        margin-left: 0%;
    }

    .column > .col-0,
    .column > .col-xs-0 {
        height: 0%;
        width: auto;
    }

    .row > .col-1,
    .row > .col-xs-1 {
        height: auto;
        width: 8.3333%;
    }

    .row > .offset-1,
    .row > .offset-xs-1 {
        margin-left: 8.3333%;
    }

    .column > .col-1,
    .column > .col-xs-1 {
        height: 8.3333%;
        width: auto;
    }

    .row > .col-2,
    .row > .col-xs-2 {
        height: auto;
        width: 16.6667%;
    }

    .row > .offset-2,
    .row > .offset-xs-2 {
        margin-left: 16.6667%;
    }

    .column > .col-2,
    .column > .col-xs-2 {
        height: 16.6667%;
        width: auto;
    }

    .row > .col-3,
    .row > .col-xs-3 {
        height: auto;
        width: 25%;
    }

    .row > .offset-3,
    .row > .offset-xs-3 {
        margin-left: 25%;
    }

    .column > .col-3,
    .column > .col-xs-3 {
        height: 25%;
        width: auto;
    }

    .row > .col-4,
    .row > .col-xs-4 {
        height: auto;
        width: 33.3333%;
    }

    .row > .offset-4,
    .row > .offset-xs-4 {
        margin-left: 33.3333%;
    }

    .column > .col-4,
    .column > .col-xs-4 {
        height: 33.3333%;
        width: auto;
    }

    .row > .col-5,
    .row > .col-xs-5 {
        height: auto;
        width: 41.6667%;
    }

    .row > .offset-5,
    .row > .offset-xs-5 {
        margin-left: 41.6667%;
    }

    .column > .col-5,
    .column > .col-xs-5 {
        height: 41.6667%;
        width: auto;
    }

    .row > .col-6,
    .row > .col-xs-6 {
        height: auto;
        width: 50%;
    }

    .row > .offset-6,
    .row > .offset-xs-6 {
        margin-left: 50%;
    }

    .column > .col-6,
    .column > .col-xs-6 {
        height: 50%;
        width: auto;
    }

    .row > .col-7,
    .row > .col-xs-7 {
        height: auto;
        width: 58.3333%;
    }

    .row > .offset-7,
    .row > .offset-xs-7 {
        margin-left: 58.3333%;
    }

    .column > .col-7,
    .column > .col-xs-7 {
        height: 58.3333%;
        width: auto;
    }

    .row > .col-8,
    .row > .col-xs-8 {
        height: auto;
        width: 66.6667%;
    }

    .row > .offset-8,
    .row > .offset-xs-8 {
        margin-left: 66.6667%;
    }

    .column > .col-8,
    .column > .col-xs-8 {
        height: 66.6667%;
        width: auto;
    }

    .row > .col-9,
    .row > .col-xs-9 {
        height: auto;
        width: 75%;
    }

    .row > .offset-9,
    .row > .offset-xs-9 {
        margin-left: 75%;
    }

    .column > .col-9,
    .column > .col-xs-9 {
        height: 75%;
        width: auto;
    }

    .row > .col-10,
    .row > .col-xs-10 {
        height: auto;
        width: 83.3333%;
    }

    .row > .offset-10,
    .row > .offset-xs-10 {
        margin-left: 83.3333%;
    }

    .column > .col-10,
    .column > .col-xs-10 {
        height: 83.3333%;
        width: auto;
    }

    .row > .col-11,
    .row > .col-xs-11 {
        height: auto;
        width: 91.6667%;
    }

    .row > .offset-11,
    .row > .offset-xs-11 {
        margin-left: 91.6667%;
    }

    .column > .col-11,
    .column > .col-xs-11 {
        height: 91.6667%;
        width: auto;
    }

    .row > .col-12,
    .row > .col-xs-12 {
        height: auto;
        width: 100%;
    }

    .row > .offset-12,
    .row > .offset-xs-12 {
        margin-left: 100%;
    }

    .column > .col-12,
    .column > .col-xs-12 {
        height: 100%;
        width: auto;
    }

    .row > .col-all {
        height: auto;
        flex: 0 0 100%;
    }
}

@media (min-width: 600px) {
    .flex > .col-sm,
    .flex > .col-sm-0,
    .flex > .col-sm-1,
    .flex > .col-sm-2,
    .flex > .col-sm-3,
    .flex > .col-sm-4,
    .flex > .col-sm-5,
    .flex > .col-sm-6,
    .flex > .col-sm-7,
    .flex > .col-sm-8,
    .flex > .col-sm-9,
    .flex > .col-sm-10,
    .flex > .col-sm-11,
    .flex > .col-sm-12,
    .flex > .col-sm-auto,
    .flex > .col-sm-grow,
    .flex > .col-sm-shrink,
    .row > .col-sm,
    .row > .col-sm-0,
    .row > .col-sm-1,
    .row > .col-sm-2,
    .row > .col-sm-3,
    .row > .col-sm-4,
    .row > .col-sm-5,
    .row > .col-sm-6,
    .row > .col-sm-7,
    .row > .col-sm-8,
    .row > .col-sm-9,
    .row > .col-sm-10,
    .row > .col-sm-11,
    .row > .col-sm-12,
    .row > .col-sm-auto,
    .row > .col-sm-grow,
    .row > .col-sm-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .column > .col-sm,
    .column > .col-sm-0,
    .column > .col-sm-1,
    .column > .col-sm-2,
    .column > .col-sm-3,
    .column > .col-sm-4,
    .column > .col-sm-5,
    .column > .col-sm-6,
    .column > .col-sm-7,
    .column > .col-sm-8,
    .column > .col-sm-9,
    .column > .col-sm-10,
    .column > .col-sm-11,
    .column > .col-sm-12,
    .column > .col-sm-auto,
    .column > .col-sm-grow,
    .column > .col-sm-shrink,
    .flex > .col-sm,
    .flex > .col-sm-0,
    .flex > .col-sm-1,
    .flex > .col-sm-2,
    .flex > .col-sm-3,
    .flex > .col-sm-4,
    .flex > .col-sm-5,
    .flex > .col-sm-6,
    .flex > .col-sm-7,
    .flex > .col-sm-8,
    .flex > .col-sm-9,
    .flex > .col-sm-10,
    .flex > .col-sm-11,
    .flex > .col-sm-12,
    .flex > .col-sm-auto,
    .flex > .col-sm-grow,
    .flex > .col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%;
    }

    .col-sm {
        flex: 10000 1 0%;
    }

    .col-sm-0,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto {
        flex: 0 0 auto;
    }

    .col-sm-grow {
        flex: 1 0 auto;
    }

    .col-sm-shrink {
        flex: 0 1 auto;
    }

    .row > .col-sm-0 {
        height: auto;
        width: 0%;
    }

    .row > .offset-sm-0 {
        margin-left: 0%;
    }

    .column > .col-sm-0 {
        height: 0%;
        width: auto;
    }

    .row > .col-sm-1 {
        height: auto;
        width: 8.3333%;
    }

    .row > .offset-sm-1 {
        margin-left: 8.3333%;
    }

    .column > .col-sm-1 {
        height: 8.3333%;
        width: auto;
    }

    .row > .col-sm-2 {
        height: auto;
        width: 16.6667%;
    }

    .row > .offset-sm-2 {
        margin-left: 16.6667%;
    }

    .column > .col-sm-2 {
        height: 16.6667%;
        width: auto;
    }

    .row > .col-sm-3 {
        height: auto;
        width: 25%;
    }

    .row > .offset-sm-3 {
        margin-left: 25%;
    }

    .column > .col-sm-3 {
        height: 25%;
        width: auto;
    }

    .row > .col-sm-4 {
        height: auto;
        width: 33.3333%;
    }

    .row > .offset-sm-4 {
        margin-left: 33.3333%;
    }

    .column > .col-sm-4 {
        height: 33.3333%;
        width: auto;
    }

    .row > .col-sm-5 {
        height: auto;
        width: 41.6667%;
    }

    .row > .offset-sm-5 {
        margin-left: 41.6667%;
    }

    .column > .col-sm-5 {
        height: 41.6667%;
        width: auto;
    }

    .row > .col-sm-6 {
        height: auto;
        width: 50%;
    }

    .row > .offset-sm-6 {
        margin-left: 50%;
    }

    .column > .col-sm-6 {
        height: 50%;
        width: auto;
    }

    .row > .col-sm-7 {
        height: auto;
        width: 58.3333%;
    }

    .row > .offset-sm-7 {
        margin-left: 58.3333%;
    }

    .column > .col-sm-7 {
        height: 58.3333%;
        width: auto;
    }

    .row > .col-sm-8 {
        height: auto;
        width: 66.6667%;
    }

    .row > .offset-sm-8 {
        margin-left: 66.6667%;
    }

    .column > .col-sm-8 {
        height: 66.6667%;
        width: auto;
    }

    .row > .col-sm-9 {
        height: auto;
        width: 75%;
    }

    .row > .offset-sm-9 {
        margin-left: 75%;
    }

    .column > .col-sm-9 {
        height: 75%;
        width: auto;
    }

    .row > .col-sm-10 {
        height: auto;
        width: 83.3333%;
    }

    .row > .offset-sm-10 {
        margin-left: 83.3333%;
    }

    .column > .col-sm-10 {
        height: 83.3333%;
        width: auto;
    }

    .row > .col-sm-11 {
        height: auto;
        width: 91.6667%;
    }

    .row > .offset-sm-11 {
        margin-left: 91.6667%;
    }

    .column > .col-sm-11 {
        height: 91.6667%;
        width: auto;
    }

    .row > .col-sm-12 {
        height: auto;
        width: 100%;
    }

    .row > .offset-sm-12 {
        margin-left: 100%;
    }

    .column > .col-sm-12 {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .flex > .col-md,
    .flex > .col-md-0,
    .flex > .col-md-1,
    .flex > .col-md-2,
    .flex > .col-md-3,
    .flex > .col-md-4,
    .flex > .col-md-5,
    .flex > .col-md-6,
    .flex > .col-md-7,
    .flex > .col-md-8,
    .flex > .col-md-9,
    .flex > .col-md-10,
    .flex > .col-md-11,
    .flex > .col-md-12,
    .flex > .col-md-auto,
    .flex > .col-md-grow,
    .flex > .col-md-shrink,
    .row > .col-md,
    .row > .col-md-0,
    .row > .col-md-1,
    .row > .col-md-2,
    .row > .col-md-3,
    .row > .col-md-4,
    .row > .col-md-5,
    .row > .col-md-6,
    .row > .col-md-7,
    .row > .col-md-8,
    .row > .col-md-9,
    .row > .col-md-10,
    .row > .col-md-11,
    .row > .col-md-12,
    .row > .col-md-auto,
    .row > .col-md-grow,
    .row > .col-md-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .column > .col-md,
    .column > .col-md-0,
    .column > .col-md-1,
    .column > .col-md-2,
    .column > .col-md-3,
    .column > .col-md-4,
    .column > .col-md-5,
    .column > .col-md-6,
    .column > .col-md-7,
    .column > .col-md-8,
    .column > .col-md-9,
    .column > .col-md-10,
    .column > .col-md-11,
    .column > .col-md-12,
    .column > .col-md-auto,
    .column > .col-md-grow,
    .column > .col-md-shrink,
    .flex > .col-md,
    .flex > .col-md-0,
    .flex > .col-md-1,
    .flex > .col-md-2,
    .flex > .col-md-3,
    .flex > .col-md-4,
    .flex > .col-md-5,
    .flex > .col-md-6,
    .flex > .col-md-7,
    .flex > .col-md-8,
    .flex > .col-md-9,
    .flex > .col-md-10,
    .flex > .col-md-11,
    .flex > .col-md-12,
    .flex > .col-md-auto,
    .flex > .col-md-grow,
    .flex > .col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%;
    }

    .col-md {
        flex: 10000 1 0%;
    }

    .col-md-0,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto {
        flex: 0 0 auto;
    }

    .col-md-grow {
        flex: 1 0 auto;
    }

    .col-md-shrink {
        flex: 0 1 auto;
    }

    .row > .col-md-0 {
        height: auto;
        width: 0%;
    }

    .row > .offset-md-0 {
        margin-left: 0%;
    }

    .column > .col-md-0 {
        height: 0%;
        width: auto;
    }

    .row > .col-md-1 {
        height: auto;
        width: 8.3333%;
    }

    .row > .offset-md-1 {
        margin-left: 8.3333%;
    }

    .column > .col-md-1 {
        height: 8.3333%;
        width: auto;
    }

    .row > .col-md-2 {
        height: auto;
        width: 16.6667%;
    }

    .row > .offset-md-2 {
        margin-left: 16.6667%;
    }

    .column > .col-md-2 {
        height: 16.6667%;
        width: auto;
    }

    .row > .col-md-3 {
        height: auto;
        width: 25%;
    }

    .row > .offset-md-3 {
        margin-left: 25%;
    }

    .column > .col-md-3 {
        height: 25%;
        width: auto;
    }

    .row > .col-md-4 {
        height: auto;
        width: 33.3333%;
    }

    .row > .offset-md-4 {
        margin-left: 33.3333%;
    }

    .column > .col-md-4 {
        height: 33.3333%;
        width: auto;
    }

    .row > .col-md-5 {
        height: auto;
        width: 41.6667%;
    }

    .row > .offset-md-5 {
        margin-left: 41.6667%;
    }

    .column > .col-md-5 {
        height: 41.6667%;
        width: auto;
    }

    .row > .col-md-6 {
        height: auto;
        width: 50%;
    }

    .row > .offset-md-6 {
        margin-left: 50%;
    }

    .column > .col-md-6 {
        height: 50%;
        width: auto;
    }

    .row > .col-md-7 {
        height: auto;
        width: 58.3333%;
    }

    .row > .offset-md-7 {
        margin-left: 58.3333%;
    }

    .column > .col-md-7 {
        height: 58.3333%;
        width: auto;
    }

    .row > .col-md-8 {
        height: auto;
        width: 66.6667%;
    }

    .row > .offset-md-8 {
        margin-left: 66.6667%;
    }

    .column > .col-md-8 {
        height: 66.6667%;
        width: auto;
    }

    .row > .col-md-9 {
        height: auto;
        width: 75%;
    }

    .row > .offset-md-9 {
        margin-left: 75%;
    }

    .column > .col-md-9 {
        height: 75%;
        width: auto;
    }

    .row > .col-md-10 {
        height: auto;
        width: 83.3333%;
    }

    .row > .offset-md-10 {
        margin-left: 83.3333%;
    }

    .column > .col-md-10 {
        height: 83.3333%;
        width: auto;
    }

    .row > .col-md-11 {
        height: auto;
        width: 91.6667%;
    }

    .row > .offset-md-11 {
        margin-left: 91.6667%;
    }

    .column > .col-md-11 {
        height: 91.6667%;
        width: auto;
    }

    .row > .col-md-12 {
        height: auto;
        width: 100%;
    }

    .row > .offset-md-12 {
        margin-left: 100%;
    }

    .column > .col-md-12 {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 1440px) {
    .flex > .col-lg,
    .flex > .col-lg-0,
    .flex > .col-lg-1,
    .flex > .col-lg-2,
    .flex > .col-lg-3,
    .flex > .col-lg-4,
    .flex > .col-lg-5,
    .flex > .col-lg-6,
    .flex > .col-lg-7,
    .flex > .col-lg-8,
    .flex > .col-lg-9,
    .flex > .col-lg-10,
    .flex > .col-lg-11,
    .flex > .col-lg-12,
    .flex > .col-lg-auto,
    .flex > .col-lg-grow,
    .flex > .col-lg-shrink,
    .row > .col-lg,
    .row > .col-lg-0,
    .row > .col-lg-1,
    .row > .col-lg-2,
    .row > .col-lg-3,
    .row > .col-lg-4,
    .row > .col-lg-5,
    .row > .col-lg-6,
    .row > .col-lg-7,
    .row > .col-lg-8,
    .row > .col-lg-9,
    .row > .col-lg-10,
    .row > .col-lg-11,
    .row > .col-lg-12,
    .row > .col-lg-auto,
    .row > .col-lg-grow,
    .row > .col-lg-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .column > .col-lg,
    .column > .col-lg-0,
    .column > .col-lg-1,
    .column > .col-lg-2,
    .column > .col-lg-3,
    .column > .col-lg-4,
    .column > .col-lg-5,
    .column > .col-lg-6,
    .column > .col-lg-7,
    .column > .col-lg-8,
    .column > .col-lg-9,
    .column > .col-lg-10,
    .column > .col-lg-11,
    .column > .col-lg-12,
    .column > .col-lg-auto,
    .column > .col-lg-grow,
    .column > .col-lg-shrink,
    .flex > .col-lg,
    .flex > .col-lg-0,
    .flex > .col-lg-1,
    .flex > .col-lg-2,
    .flex > .col-lg-3,
    .flex > .col-lg-4,
    .flex > .col-lg-5,
    .flex > .col-lg-6,
    .flex > .col-lg-7,
    .flex > .col-lg-8,
    .flex > .col-lg-9,
    .flex > .col-lg-10,
    .flex > .col-lg-11,
    .flex > .col-lg-12,
    .flex > .col-lg-auto,
    .flex > .col-lg-grow,
    .flex > .col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%;
    }

    .col-lg {
        flex: 10000 1 0%;
    }

    .col-lg-0,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto {
        flex: 0 0 auto;
    }

    .col-lg-grow {
        flex: 1 0 auto;
    }

    .col-lg-shrink {
        flex: 0 1 auto;
    }

    .row > .col-lg-0 {
        height: auto;
        width: 0%;
    }

    .row > .offset-lg-0 {
        margin-left: 0%;
    }

    .column > .col-lg-0 {
        height: 0%;
        width: auto;
    }

    .row > .col-lg-1 {
        height: auto;
        width: 8.3333%;
    }

    .row > .offset-lg-1 {
        margin-left: 8.3333%;
    }

    .column > .col-lg-1 {
        height: 8.3333%;
        width: auto;
    }

    .row > .col-lg-2 {
        height: auto;
        width: 16.6667%;
    }

    .row > .offset-lg-2 {
        margin-left: 16.6667%;
    }

    .column > .col-lg-2 {
        height: 16.6667%;
        width: auto;
    }

    .row > .col-lg-3 {
        height: auto;
        width: 25%;
    }

    .row > .offset-lg-3 {
        margin-left: 25%;
    }

    .column > .col-lg-3 {
        height: 25%;
        width: auto;
    }

    .row > .col-lg-4 {
        height: auto;
        width: 33.3333%;
    }

    .row > .offset-lg-4 {
        margin-left: 33.3333%;
    }

    .column > .col-lg-4 {
        height: 33.3333%;
        width: auto;
    }

    .row > .col-lg-5 {
        height: auto;
        width: 41.6667%;
    }

    .row > .offset-lg-5 {
        margin-left: 41.6667%;
    }

    .column > .col-lg-5 {
        height: 41.6667%;
        width: auto;
    }

    .row > .col-lg-6 {
        height: auto;
        width: 50%;
    }

    .row > .offset-lg-6 {
        margin-left: 50%;
    }

    .column > .col-lg-6 {
        height: 50%;
        width: auto;
    }

    .row > .col-lg-7 {
        height: auto;
        width: 58.3333%;
    }

    .row > .offset-lg-7 {
        margin-left: 58.3333%;
    }

    .column > .col-lg-7 {
        height: 58.3333%;
        width: auto;
    }

    .row > .col-lg-8 {
        height: auto;
        width: 66.6667%;
    }

    .row > .offset-lg-8 {
        margin-left: 66.6667%;
    }

    .column > .col-lg-8 {
        height: 66.6667%;
        width: auto;
    }

    .row > .col-lg-9 {
        height: auto;
        width: 75%;
    }

    .row > .offset-lg-9 {
        margin-left: 75%;
    }

    .column > .col-lg-9 {
        height: 75%;
        width: auto;
    }

    .row > .col-lg-10 {
        height: auto;
        width: 83.3333%;
    }

    .row > .offset-lg-10 {
        margin-left: 83.3333%;
    }

    .column > .col-lg-10 {
        height: 83.3333%;
        width: auto;
    }

    .row > .col-lg-11 {
        height: auto;
        width: 91.6667%;
    }

    .row > .offset-lg-11 {
        margin-left: 91.6667%;
    }

    .column > .col-lg-11 {
        height: 91.6667%;
        width: auto;
    }

    .row > .col-lg-12 {
        height: auto;
        width: 100%;
    }

    .row > .offset-lg-12 {
        margin-left: 100%;
    }

    .column > .col-lg-12 {
        height: 100%;
        width: auto;
    }
}

@media (min-width: 1920px) {
    .flex > .col-xl,
    .flex > .col-xl-0,
    .flex > .col-xl-1,
    .flex > .col-xl-2,
    .flex > .col-xl-3,
    .flex > .col-xl-4,
    .flex > .col-xl-5,
    .flex > .col-xl-6,
    .flex > .col-xl-7,
    .flex > .col-xl-8,
    .flex > .col-xl-9,
    .flex > .col-xl-10,
    .flex > .col-xl-11,
    .flex > .col-xl-12,
    .flex > .col-xl-auto,
    .flex > .col-xl-grow,
    .flex > .col-xl-shrink,
    .row > .col-xl,
    .row > .col-xl-0,
    .row > .col-xl-1,
    .row > .col-xl-2,
    .row > .col-xl-3,
    .row > .col-xl-4,
    .row > .col-xl-5,
    .row > .col-xl-6,
    .row > .col-xl-7,
    .row > .col-xl-8,
    .row > .col-xl-9,
    .row > .col-xl-10,
    .row > .col-xl-11,
    .row > .col-xl-12,
    .row > .col-xl-auto,
    .row > .col-xl-grow,
    .row > .col-xl-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

    .column > .col-xl,
    .column > .col-xl-0,
    .column > .col-xl-1,
    .column > .col-xl-2,
    .column > .col-xl-3,
    .column > .col-xl-4,
    .column > .col-xl-5,
    .column > .col-xl-6,
    .column > .col-xl-7,
    .column > .col-xl-8,
    .column > .col-xl-9,
    .column > .col-xl-10,
    .column > .col-xl-11,
    .column > .col-xl-12,
    .column > .col-xl-auto,
    .column > .col-xl-grow,
    .column > .col-xl-shrink,
    .flex > .col-xl,
    .flex > .col-xl-0,
    .flex > .col-xl-1,
    .flex > .col-xl-2,
    .flex > .col-xl-3,
    .flex > .col-xl-4,
    .flex > .col-xl-5,
    .flex > .col-xl-6,
    .flex > .col-xl-7,
    .flex > .col-xl-8,
    .flex > .col-xl-9,
    .flex > .col-xl-10,
    .flex > .col-xl-11,
    .flex > .col-xl-12,
    .flex > .col-xl-auto,
    .flex > .col-xl-grow,
    .flex > .col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%;
    }

    .col-xl {
        flex: 10000 1 0%;
    }

    .col-xl-0,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        flex: 0 0 auto;
    }

    .col-xl-grow {
        flex: 1 0 auto;
    }

    .col-xl-shrink {
        flex: 0 1 auto;
    }

    .row > .col-xl-0 {
        height: auto;
        width: 0%;
    }

    .row > .offset-xl-0 {
        margin-left: 0%;
    }

    .column > .col-xl-0 {
        height: 0%;
        width: auto;
    }

    .row > .col-xl-1 {
        height: auto;
        width: 8.3333%;
    }

    .row > .offset-xl-1 {
        margin-left: 8.3333%;
    }

    .column > .col-xl-1 {
        height: 8.3333%;
        width: auto;
    }

    .row > .col-xl-2 {
        height: auto;
        width: 16.6667%;
    }

    .row > .offset-xl-2 {
        margin-left: 16.6667%;
    }

    .column > .col-xl-2 {
        height: 16.6667%;
        width: auto;
    }

    .row > .col-xl-3 {
        height: auto;
        width: 25%;
    }

    .row > .offset-xl-3 {
        margin-left: 25%;
    }

    .column > .col-xl-3 {
        height: 25%;
        width: auto;
    }

    .row > .col-xl-4 {
        height: auto;
        width: 33.3333%;
    }

    .row > .offset-xl-4 {
        margin-left: 33.3333%;
    }

    .column > .col-xl-4 {
        height: 33.3333%;
        width: auto;
    }

    .row > .col-xl-5 {
        height: auto;
        width: 41.6667%;
    }

    .row > .offset-xl-5 {
        margin-left: 41.6667%;
    }

    .column > .col-xl-5 {
        height: 41.6667%;
        width: auto;
    }

    .row > .col-xl-6 {
        height: auto;
        width: 50%;
    }

    .row > .offset-xl-6 {
        margin-left: 50%;
    }

    .column > .col-xl-6 {
        height: 50%;
        width: auto;
    }

    .row > .col-xl-7 {
        height: auto;
        width: 58.3333%;
    }

    .row > .offset-xl-7 {
        margin-left: 58.3333%;
    }

    .column > .col-xl-7 {
        height: 58.3333%;
        width: auto;
    }

    .row > .col-xl-8 {
        height: auto;
        width: 66.6667%;
    }

    .row > .offset-xl-8 {
        margin-left: 66.6667%;
    }

    .column > .col-xl-8 {
        height: 66.6667%;
        width: auto;
    }

    .row > .col-xl-9 {
        height: auto;
        width: 75%;
    }

    .row > .offset-xl-9 {
        margin-left: 75%;
    }

    .column > .col-xl-9 {
        height: 75%;
        width: auto;
    }

    .row > .col-xl-10 {
        height: auto;
        width: 83.3333%;
    }

    .row > .offset-xl-10 {
        margin-left: 83.3333%;
    }

    .column > .col-xl-10 {
        height: 83.3333%;
        width: auto;
    }

    .row > .col-xl-11 {
        height: auto;
        width: 91.6667%;
    }

    .row > .offset-xl-11 {
        margin-left: 91.6667%;
    }

    .column > .col-xl-11 {
        height: 91.6667%;
        width: auto;
    }

    .row > .col-xl-12 {
        height: auto;
        width: 100%;
    }

    .row > .offset-xl-12 {
        margin-left: 100%;
    }

    .column > .col-xl-12 {
        height: 100%;
        width: auto;
    }
}

.no-transition {
    transition: none !important;
}

.transition-0 {
    transition: 0s !important;
}

img.responsive {
    max-width: 100%;
    height: auto;
}

.non-selectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.scroll {
    overflow: auto;
}

.scroll,
.scroll-x,
.scroll-y {
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.scroll-x {
    overflow-x: auto;
}

.scroll-y {
    overflow-y: auto;
}

.no-scroll {
    overflow: hidden !important;
}

.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
    pointer-events: none !important;
}

.all-pointer-events {
    pointer-events: all !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-inherit {
    cursor: inherit !important;
}

.cursor-none {
    cursor: none !important;
}

[aria-busy='true'] {
    cursor: progress;
}

[aria-controls],
[role='button'] {
    cursor: pointer;
}

[aria-disabled] {
    cursor: default;
}

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-205 {
    transform: rotate(205deg);
}

.rotate-225 {
    transform: rotate(225deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.rotate-315 {
    transform: rotate(315deg);
}

.flip-horizontal {
    transform: scaleX(-1);
}

.flip-vertical {
    transform: scaleY(-1);
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.relative {
    position: relative;
}

.fixed,
.fixed-bottom,
.fixed-bottom-left,
.fixed-bottom-right,
.fixed-center,
.fixed-full,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fullscreen {
    position: fixed;
}

.absolute,
.absolute-bottom,
.absolute-bottom-left,
.absolute-bottom-right,
.absolute-center,
.absolute-full,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right {
    position: absolute;
}

.absolute-top,
.fixed-top {
    top: 0;
    left: 0;
    right: 0;
}

.absolute-right,
.fixed-right {
    top: 0;
    right: 0;
    bottom: 0;
}

.absolute-bottom,
.fixed-bottom {
    right: 0;
    bottom: 0;
    left: 0;
}

.absolute-left,
.fixed-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.absolute-top-left,
.fixed-top-left {
    top: 0;
    left: 0;
}

.absolute-top-right,
.fixed-top-right {
    top: 0;
    right: 0;
}

.absolute-bottom-left,
.fixed-bottom-left {
    bottom: 0;
    left: 0;
}

.absolute-bottom-right,
.fixed-bottom-right {
    bottom: 0;
    right: 0;
}

.fullscreen {
    z-index: 6000;
    border-radius: 0 !important;
    max-width: 100vw;
    max-height: 100vh;
}

.absolute-full,
.fixed-full,
.fullscreen {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.absolute-center,
.fixed-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vertical-top {
    vertical-align: top !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

.vertical-bottom {
    vertical-align: bottom !important;
}

.q-position-engine {
    margin-top: var(--q-pe-top, 0) !important;
    margin-left: var(--q-pe-left, 0) !important;
    will-change: auto;
    visibility: collapse;
}

.fit,
.fit-height {
    height: 100% !important;
}

.fit,
.fit-width {
    width: 100% !important;
}

.window-height {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh !important;
}

.window-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.q-touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-drag: none;
    -webkit-user-drag: none;
}

.q-touch-x {
    touch-action: pan-x;
}

.q-touch-y {
    touch-action: pan-y;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: 700;
}

.text-no-wrap {
    white-space: nowrap;
}

.text-strike {
    text-decoration: line-through;
}

.text-weight-thin {
    font-weight: 100;
}

.text-weight-light {
    font-weight: 300;
}

.text-weight-regular {
    font-weight: 400;
}

.text-weight-medium {
    font-weight: 500;
}

.text-weight-bold {
    font-weight: 700;
}

.text-weight-bolder {
    font-weight: 900;
}

.margin-auto {
    margin: 0 atuo;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-border {
    border: 0 !important;
}

.no-border-radius {
    border-radius: 0 !important;
}

.no-box-shadow {
    box-shadow: none !important;
}

.no-outline {
    outline: 0 !important;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis-2-lines,
.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2;
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3;
}

.readonly {
    cursor: default !important;
}

.disabled,
.disabled *,
[disabled],
[disabled] * {
    outline: 0 !important;
    cursor: not-allowed !important;
}

.disabled,
[disabled] {
    opacity: 0.6 !important;
}

.show {
    opacity: 1;
}

.hidden {
    opacity: 0;
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

.transparent {
    background: transparent !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-hidden-y {
    overflow-y: hidden !important;
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.z-top {
    z-index: 7000 !important;
}

.z-max {
    z-index: 9998 !important;
}

@media (max-width: 599px) {
    .gt-lg,
    .gt-md,
    .gt-sm,
    .gt-xs,
    .lg,
    .md,
    .sm,
    .xl,
    .xs-hide {
        display: none !important;
    }
}

@media (min-width: 600px) and (max-width: 1023px) {
    .gt-lg,
    .gt-md,
    .gt-sm,
    .lg,
    .lt-sm,
    .md,
    .sm-hide,
    .xl,
    .xs {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .gt-lg,
    .gt-md,
    .lg,
    .lt-md,
    .lt-sm,
    .md-hide,
    .sm,
    .xl,
    .xs {
        display: none !important;
    }
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .gt-lg,
    .lg-hide,
    .lt-lg,
    .lt-md,
    .lt-sm,
    .md,
    .sm,
    .xl,
    .xs {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .lg,
    .lt-lg,
    .lt-md,
    .lt-sm,
    .lt-xl,
    .md,
    .sm,
    .xl-hide,
    .xs {
        display: none !important;
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .column {
        min-width: 0%;
    }
}

@media (-ms-high-contrast: none) and (min-width: 0), screen and (-ms-high-contrast: active) and (min-width: 0) {
    .flex > .col,
    .flex > .col-xs,
    .row > .col,
    .row > .col-xs {
        flex-basis: auto;
        min-width: 0%;
    }
}

@media (-ms-high-contrast: none) and (min-width: 600px), screen and (-ms-high-contrast: active) and (min-width: 600px) {
    .flex > .col-sm,
    .row > .col-sm {
        flex-basis: auto;
        min-width: 0%;
    }
}

@media (-ms-high-contrast: none) and (min-width: 1024px),
    screen and (-ms-high-contrast: active) and (min-width: 1024px) {
    .flex > .col-md,
    .row > .col-md {
        flex-basis: auto;
        min-width: 0%;
    }
}

@media (-ms-high-contrast: none) and (min-width: 1440px),
    screen and (-ms-high-contrast: active) and (min-width: 1440px) {
    .flex > .col-lg,
    .row > .col-lg {
        flex-basis: auto;
        min-width: 0%;
    }
}

@media (-ms-high-contrast: none) and (min-width: 1920px),
    screen and (-ms-high-contrast: active) and (min-width: 1920px) {
    .flex > .col-xl,
    .row > .col-xl {
        flex-basis: auto;
        min-width: 0%;
    }
}

@supports (-ms-ime-align: auto) {
    .column {
        min-width: 0%;
    }

    @media (min-width: 0) {
        .flex > .col,
        .flex > .col-xs,
        .row > .col,
        .row > .col-xs {
            flex-basis: auto;
            min-width: 0%;
        }
    }

    @media (min-width: 600px) {
        .flex > .col-sm,
        .row > .col-sm {
            flex-basis: auto;
            min-width: 0%;
        }
    }

    @media (min-width: 1024px) {
        .flex > .col-md,
        .row > .col-md {
            flex-basis: auto;
            min-width: 0%;
        }
    }

    @media (min-width: 1440px) {
        .flex > .col-lg,
        .row > .col-lg {
            flex-basis: auto;
            min-width: 0%;
        }
    }

    @media (min-width: 1920px) {
        .flex > .col-xl,
        .row > .col-xl {
            flex-basis: auto;
            min-width: 0%;
        }
    }
}
